<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>父向子通讯，依赖子组件中的props属性</title>

</head>
<body>

    <div id="app">

        <heima name="刘德华"></heima>
    </div>


<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    //局部组件在声明时并不知道自己是个组件,注册完成之后才知道
    var heima = {
        template:`
            <div>
                我是一个组件我的名字来源于父组件，名字为:{{name}}

</div>
        `,
       props:["name"]
    }

    //局部组件使用时必须进行注册
    var app = new Vue({
        el: "#app",
        components:{
            heima
        }
    });
</script>


</body>
</html>